<!<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <title>首页</title>
    <link rel="stylesheet" type="text/css" media="screen" href="css/mui.css" />
    <link rel="stylesheet" type="text/css" media="screen" href="css/main.css" />
    <script type="text/javascript" src="js/flexible.js"></script>
    <script type="text/javascript" src="js/mui.js"></script>
    <script type="text/javascript" src="js/jquery.js"></script>
    <script type="text/javascript" src="js/index.js"></script>
</head>
<body>
    <div class="title-header">
        <div class="header-img"><img src="./image/main_image_head.png" /></div>
        <div class="header-name">名字</div>
    </div>
    <div class="middle-content">
            <div class="mui-slider my-slider">
                    <div class="mui-slider-group">
                      <!--第一个内容区容器-->
                      <div class="mui-slider-item">
                        <img src="./image/banner_image_1.png" />
                      </div>
                      <!--第二个内容区-->
                      <div class="mui-slider-item">
                        <img src="./image/banner_image_1.png" />
                      </div>
                    </div>
                  </div>
                <div class='index-wrap mui-row'>
                    <div class="mui-col-sm-3 mui-col-xs-3"><span><a href='qiandao.html'><img src="./image/work_qiandao.png" /></span><label>签到</label></a></div>
                    <div class="mui-col-sm-3 mui-col-xs-3"><span><img src="./image/work_renyuan.png" /></span><label>手机定位</label></div>
                    <div class="mui-col-sm-3 mui-col-xs-3"><span><img src="./image/work_jiankong.png" /></span><label>监控视频</label></div>
                    <div class="mui-col-sm-3 mui-col-xs-3"><span><img src="./image/work_shenhe.png" /></span><label>审核</label></div>
                    <div class="mui-col-sm-3 mui-col-xs-3"><span><img src="./image/work_caiwu.png" /></span><label>财务</label></div>
                    <div class="mui-col-sm-3 mui-col-xs-3"><span><img src="./image/work_hr.png" /></span><label>人事</label></div>
                    <div class="mui-col-sm-3 mui-col-xs-3"><span><img src="./image/work_xz.png" /></span><label>行政</label></div>
                    <div class="mui-col-sm-3 mui-col-xs-3"><span><img src="./image/work_sc.png" /></span><label>生产</label></div>
                    <div class="mui-col-sm-3 mui-col-xs-3"><span><img src="./image/work_yw.png" /></span><label>业务</label></div>
                    <div class="mui-col-sm-3 mui-col-xs-3"><span><img src="./image/work_rizhi.png" /></span><label>工作日志</label></div>
                    <div class="mui-col-sm-3 mui-col-xs-3"><span><img src="./image/work_gongg.png" /></span><label>公告</label></div>
                    <div class="mui-col-sm-3 mui-col-xs-3"><span><img src="./image/work_jisuan.png" /></span><label>纸板计算器</label></div>
                    <div class="mui-col-sm-3 mui-col-xs-3"><span><img src="./image/work_shebei.png" /></span><label>设备维修</label></div>
                </div>
    </div>
    <nav class="mui-bar mui-bar-tab">
        <a class="mui-tab-item mui-active" href="./index.html">
            <span class="nav-ico gzt"><!-- <span class="mui-badge">9</span>> --></span><br />
            <span class="mui-tab-label">工作台</span>
        </a>
        <a class="mui-tab-item" href='./member.html'>
            <span class="nav-ico member"><!-- <span class="mui-badge">9</span>> --></span><br />
            <span class="mui-tab-label">个人中心</span>
        </a>
        <a class="mui-tab-item">
            <span class="nav-ico  txl"><!-- <span class="mui-badge">9</span>> --></span><br />
            <span class="mui-tab-label">通讯录</span>
        </a>
    </nav>
    <script>
       $('.mui-tab-item').click(function(){
           window.location.href=$(this).attr('href')
       })
    </script>
</body>
</html>